<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <title>HTML5 Template</title>
  <meta name="description" content="HTML5 template" />
  <meta name="author" content="Roger Xu" />

  <!-- Mobile viewport optimized: h5bp.com/viewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="../css/style.css" />
  <link rel="stylesheet" href="../dojo-remote-1.7.1.css" />

  <!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
       Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects;
       for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/ -->
  <script src="../script/libs/modernizr-2.0.6.min.js"></script>

  <style>
    .hidden {
        display: none;
    }

    .clearfix {
        clear: both;
    }

    nav ul {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
  </style>
</head>

<body class="claro">
  <header>
    <h1 style="float: left">{Demo}</h1>
    <div class="clearfix"></div>
  </header>

  <nav id="navigation">
    <ul>
      <li id="version">Unknown Dojo Version</li>
    </ul>
  </nav>

  <div id="main" role="main">
    <p>God helps those who help themselves.</p>
    <div id="toolbar"></div>
    <div id="content">
      <canvas id="userGraph" width="500" height="500">
        User Graph
      </canvas>
    </div>
  </div>

  <footer>
    <div>Copyright &copy; 2011. All rights reserved.</div>
  </footer>

  <!-- JavaScript at the bottom for fast page loading -->

  <script>
    var dojoModule = {
        'dom': 'dojo/dom',
        'io-query': 'dojo/io-query',
        'robot': 'dojo/robot',
        'ready': 'dojo/ready',
        'io': 'dojo/io',
        'rpc': 'dojo/rpc',
        'query': 'dojo/query',
        'nodelist': 'dojo/NodeList',
        'history': 'dojo/back',
        'data': 'dojo/data',
        'store': 'dojo/store',
        'cache': 'dojo/cache',
        'date': 'dojo/date',
        'dnd': 'dojo/dnd',
        'parser': 'dojo/parser',
        'on': 'dojo/on'
    };

    var dojoConfig = {
        async: true,
        parseOnLoad: true,
        locale: 'en',
        //extraLocale: ['zh'],
        baseUrl: '../script/libs/dojo-1.7.1/dojo/',
        modulePaths: {
            'demo': '../../../script/demo',
            'com': '../../../script/com'
        }
    };
  </script>

  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"></script>
  <script>window.dojo || document.write('<script src="../script/libs/dojo-1.7.1/dojo/dojo.js"><\/script>')</script>

  <!-- scripts concatenated and minified via ant build script-->
  <script defer src="../script/plugins.js"></script>
  <script defer src="../script/utils.js"></script>
  <!-- end scripts-->

  <script>
    require(['dojo', 'dojo/on', 'dojo/dom', 'dojo/ready', 'dojo/parser'],

        function(query, on, dom, ready) {
            ready(function() {
                dom.byId('version').innerHTML = 'Version ' + dojo.version;
            });
        });
  </script>
</body>
</html>